<template>
  <div class="goods-item">
    <van-card :price="prop.goodsItem.totalFee" v-if="prop.goodsItem">
      <template #title>
        <span class="goods-title">{{prop.goodsItem.projectName}}</span>
      </template>
      <template #thumb>
        <van-image
          fit="cover"
          :src="prop.goodsItem.projectImg"
        />
      </template>
      <template #desc>
        <p v-html="prop.goodsItem.moneyDetail"></p>
      </template>
      <template #tags>
        <p class="goods-unit">数量单位:元</p>
      </template>
      <template #num>
        <!-- <span class="good-num">剩余数量:{{ prop.goodsItem.refundNum }}</span> -->
      </template>
    </van-card>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRouter } from "vue-router";

const prop = defineProps({
  goodsItem: {
    type: Object,
    default: () => {},
  },
});

let searchValue = ref();

</script>


<style lang="scss" scoped>
.goods-title {
  font-size: 1.4em;
}

.good-num {
  color: #f00;
}

:deep(.van-card__thumb) {
  width: auto;
  height: auto;
  margin-right: 1em;
}
.van-card {
  background: #fff;
}
.van-image {
  width: 80px;
  height: 100%;
}
.goods-unit {
  margin: 0.5em 0 1em 0;
}
</style>
